<template>
    <div>
        <el-form-item>
            <el-alert
                title="售后详情内容输入框中禁止复制粘贴图片或拖拽图片添加至详情内容页，请点击图片图标上传"
                type="info"
                show-icon
                :closable="false"
            />
        </el-form-item>
        <el-form-item label="售后期限">
            <el-input v-model="value.sale_day" type="number" placeholder="请输入售后期限">
                <template slot="append">
                    <el-select v-model="value.sale_type" placeholder="请选择" style="width: 65px">
                        <el-option label="天" :value="1" />
                        <el-option label="年" :value="2" />
                    </el-select>
                </template>
            </el-input>
        </el-form-item>
        <el-form-item label="售后详情">
            <Editor v-model="value.sale_content" />
        </el-form-item>
    </div>
</template>

<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator'
import Editor from '@/components/editor.vue'
@Component({
    components: {
        Editor
    }
})
export default class AddDetails extends Vue {
    @Prop() value: any
}
</script>

<style scoped lang="scss">
::v-deep .el-alert__title {
    font-size: 16px !important;
}
.editor {
    min-width: 375px;

    /deep/ img {
        vertical-align: top;
        display: inline;
        max-width: 100%;
    }
}
</style>
